page {
	height: 100%;
}

image {
	vertical-align: middle;
}
scroll-view ::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}

.d_flex {
	display: flex;
}
.flex_conter {
	display: flex;
	align-items: center;
}
.flex_conter_c {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex_space {
	display: flex;
	justify-content: space-between;
}
.flex_space_b {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex_space_a {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.flex_column {
	display: flex;
	flex-direction: column;
}
.flex_column_c {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex_end {
	display: flex;
	align-items: flex-end;
}
.flex_end_b {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.flex1 {
	flex: 1;
}

.text_white {
	color: #FFFFFF;
}

.guideImage {
	float: right;
	margin-right: 20rpx;
}

.mTop1 {
	margin-top: 10rpx;
}
.mTop2 {
	margin-top: 20rpx;
}
.mTop3 {
	margin-top: 30rpx;
}
.mTop4 {
	margin-top: 30rpx;
}

.btnHover {
	background-color: #EEEEEE;
}

.redText {
	color: var(--primaryColor);
}

.bgImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.noContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 200rpx;
  padding-bottom: 48rpx;
}
.noContent .noContentImage{
  width: 400rpx;
}
.noContent .text {
  font-size: 28rpx;
  color: #666666;
  padding-top: 32rpx;
}

.imageBox .rect {
	width: 160rpx;
	height: 160rpx;
	background: var(--primaryColor);
	transform: rotateZ(45deg) translate(0, -86%);
	position: absolute;
	top: 0;
	right: 0;
}
.imageBox .desc {
	position: absolute;
	top: 12rpx;
	right: 4rpx;
	transform: rotateZ(45deg);
	font-size: 20rpx;
	color: #FFFFFF;
}
.imageBox .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.imageBox .mask .soldOut {
	width: 160rpx !important;
}

.u-indicator-item-number {
	font-size: 20rpx !important;
}

/* 单选框样式 */
.radio .checkbox {
	width: 36rpx;
	height: 36rpx;
	border-radius: 50%;
	text-align: center;
	line-height: 32rpx;
	border: 1rpx solid #666666;
}
.radio .text {
	margin-left: 20rpx;
	font-size: 24rpx;
}
.radio.active .checkbox {
	border: 2rpx solid var(--primaryColor);
}
.radio.active .checkbox::after {
	content: '';
	display: inline-block;
	width: 20rpx;
	height: 20rpx;
	border-radius: 50%;
	background-color: var(--primaryColor);
}
